<template>
<div>
    <typeNav></typeNav>
    <ListContainer></ListContainer>
    <DilyRecommendation></DilyRecommendation>
    <CommodityList></CommodityList>
    <GuessLike></GuessLike>
    <CommodityFloor v-for="(item) in floorList" :key="item.id" :floor=item></CommodityFloor>
    <CooperativeBrand></CooperativeBrand>
</div>
   
</template>

<script>
import ListContainer from "./ListContainer";
import DilyRecommendation from "./DilyRecommendation"
import CommodityList from "./CommodityList";
import GuessLike from "./GuessLike";
import CommodityFloor from "./CommodityFloor";
import CooperativeBrand from "./CooperativeBrand"

import {mapState} from "vuex"
export default {
  name:"Home",
  components:{
      ListContainer,
      DilyRecommendation,
      CommodityList,
      GuessLike,
      CommodityFloor,
      CooperativeBrand
  },
  mounted(){
      this.$store.dispatch('getFloorList')
  },
  computed:{
      ...mapState({
        floorList:state=>state.home.floorList
      })
  }
}
</script>

<style lang="less" >

</style>